<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 6 ]><html class="ie6"><![endif]-->
<!--[if IE 7 ]><html class="ie7"><![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线测试</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

<link rel="stylesheet" media="screen and (max-width:991px)" href="css/max991.css" />
<link rel="stylesheet" media="screen and (max-width:479px)" href="css/max479.css" />


<!--[if lt IE 8]>
 <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
 <script>DD_belatedPNG.fix("h1, a, h2, h3, img,.fixpng,.videos li");</script>
<![endif]-->

<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->



</head>

<body>

<div class="wrapper">
  <div id="header" class="contentHead">
    <div class="center_wrapper">
      <div class="juiceUplogo">
        <div id="lg_indicator">
          <span class="menu_open_button"><img class="button" src="images/menu_open_button.png" width="40" height="40" /></span><a href=""><img src="images/xhm_logo.gif"></a>
        </div>
        <div id="lg">
          <a href=""><img src="images/juiceUp_logo.gif"></a>
        </div>
      </div>
    </div>
      
    <div class="topLinks">
      <div class="center_wrapper">
        <div class="topNews">New. 现北京地区支持在线订购，其他城市即将开通，敬请关注。</div>
        <div class="language"><a href="#">English</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" class="selected">中文</a></div>
        <div class="login">
          <a href="#">注 册</a>
          <a href="#">登 录</a>
          <a href="#">我的JuiceUp</a>
        </div>
      </div>
    </div>
      
    <div class="nav_wrapper">
      <div class="center_wrapper">
        <ul id="nav">
          <li><a href="#">清体排毒</a></li>
          <li>
            <a href="#">JuiceUp</a>
            <ul class="ml40">
              <span class="arrow"></span>
              <li><a href="#">不一样的JuiceUp</a></li>
              <li><a href="#">注意事项</a></li>
              <li><a href="#">果汁餐单</a></li>
            </ul>
          </li>
          <li>
            <a href="#">选择您的果汁</a>
            <ul class="ml22">
              <span class="arrow"></span>
              <li><a href="#">美味纤体系列</a></li>
              <li><a href="#">健康均衡系列</a></li>
              <li><a href="#">专家排毒系列</a></li>
              <li><a href="#">个性化搭配</a></li>
              <li><a href="#">在线测试</a></li>
              <li><a href="#">排毒疗程</a></li>
            </ul>
          </li>
          <li>
            <a href="#">价格及配送</a>
            <ul class="ml30">
              <span class="arrow"></span>
              <li><a href="#">价格及优惠</a></li>
              <li><a href="#">物流配送</a></li>
              <li><a href="#">订购须知</a></li>
            </ul>
          </li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">JuiceUp晒</a></li>
        </ul>
        <div class="cart"><a href="#"><i>立即订购</i><span class="iconCart"></span></a></div>
        <div class="cart_pad"><a href="#">立即订购</a></div>
      </div>
    </div>
  </div>
  
  
  <div id="page_modules">
    
    <div class="center_wrapper clearfix">
      <div class="left_con">
        <h3 class="tile_left"><span class="en"><em>online</em>test</span><span>在线测试</span></h3>
        <div class="partLeftpic"><img src="images/358_498_01.jpg" /></div>
        <div class="juiceUpCarLeft">
          <img src="images/juiceUpCar_l.gif"  />
          <div><a href="#" class="personOrder">开始您的个性订制</a></div>
        </div>
      </div>
      <div class="right_con">
        <div class="main_border2">
          
          <ol class="item_qaList">
            <li>
              <h5>您之前完成过几次JuiceUp排毒疗程？</h5>
              <ol>
                <li class="selected"><a href="#">0次</a></li>
                <li><a href="#">1-5次</a></li>
                <li><a href="#">5次以上</a></li>
              </ol>
            </li>
            <li>
              <h5>您之前完成过几次JuiceUp排毒疗程？</h5>
              <ol>
                <li>0次</li>
                <li class="selected">1-5次</li>
                <li>5次以上</li>
              </ol>
            </li>
            <li>
              <h5>您是否感到自己小腹突出，下半身水肿？ </h5>
              <ol>
                <li>是</li>
                <li>否</li>
              </ol>
            </li>
            <li>
              <h5>您是否感到自己小腹突出，下半身水肿？ </h5>
              <ol>
                <li>是</li>
                <li>是</li>
                <li>否</li>
              </ol>
            </li>
            <li>
              <h5>您参与排毒疗程最想达到的目的是？</h5>
              <ol>
                <li>恢复活力、告别亚健康告别亚健康告别亚健康</li>
                <li>塑造轻告别亚健康告别亚健康盈体态</li>
                <li>改善肤质、肤色</li>
              </ol>
            </li>
            <li>
              <h5>您是否感到自己小腹突出，下半身水肿？ </h5>
              <ol>
                <li>是</li>
                <li>否</li>
              </ol>
            </li>
            <li>
              <h5>您是否感到自己小腹突出，下半身水肿？ </h5>
              <ol>
                <li>是</li>
                <li>是</li>
                <li>否</li>
              </ol>
            </li>
            <li>
              <h5>您参与排毒疗程最想达到的目的是？</h5>
              <ol>
                <li>恢复活力、告别亚健康</li>
                <li>塑造轻盈体态</li>
                <li>改善肤质、肤色</li>
              </ol>
            </li>
          </ol>
          
          <div class="btn_qa_w">
            <button class="btn_qa" type="submit">提交查看答案</button>
          </div>
          
        </div>
      </div>
    </div>
    
  </div>
  <div id="footer_modules">
    <div class="social">
      <div class="socialWrapper">
      <a href="#"><img src="images/sinaIcon.png" /><em>官方微博</em></a>
      <a href="#"><img src="images/wxIocn.png" /><em>官方微信</em></a>
      <a href="#"><img src="images/wsIcon.png" /><em>官方微视</em></a>
      <a href="#"><img src="images/myIcon.png" /><em>密友分享</em></a>
      <a href="#"><img src="images/instagramIcon.png" /><em>Instagram</em></a>
      </div>
    </div>
    <div class="footer_con">
      <div class="center_wrapper">
        <div class="inner">
          <div class="inner_list">
            <h2><a href="#footer1">清体排毒</a></h2>
            <ul id="footer1">
              <li><a href="#">什么是毒素</a></li>
              <li>即刻排毒</li>
            </ul>
          </div>
          <div class="inner_list">
            <h2><a href="#footer2">JuiceUp</a></h2>
            <ul id="footer2">
              <li>不一样的JuiceUp</li>
              <li>注意事项</li>
              <li>果汁餐单</li>
              <li>冷压技术</li>
            </ul>
          </div>
          <div class="inner_list">
            <h2><a href="#footer3">选择您的果汁</a></h2>
            <ul id="footer3">
              <li>美味纤体系列</li>
              <li>健康均衡系列</li>
              <li>专家排毒系列</li>
              <li>个性化搭配</li>
              <li>在线测试</li>
              <li>排毒疗程</li>
            </ul>
          </div>
          <div class="inner_list">
            <h2><a href="#footer4">价格及配送</a></h2>
            <ul id="footer4">
              <li>价格及优惠</li>
              <li>物流配送</li>
              <li>订购须知</li>
            </ul>
          </div>
          <ul class="inner_contact">
            <h2>联系我们</h2>
            <p class="tile"><img src="images/emailIcon.png" />&nbsp;提交留言</p>
            <p class="form_con">
              <input class="t_tet" value="我感觉咱们产品" type="text"/>
              <input class="t_button" value="提交" type="submit" />
            </p>
            <img src="images/juiceUpCar.png" />
          </ul>
          <div class="footer_contact">
            <span class="tet"><span class="inlineBlock">CONTACT US</span>&nbsp;&nbsp;<span class="inlineBlock"><a href="mailto:info@juiceup.com">info@juiceup.com</a></span>&nbsp;&nbsp;<span class="inlineBlock">010 8964 2233</span></span>
            <span class="cp">&copy; 2014 CleanseDelight. All rights reserved. </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!---->
  <div class="go_top">返回顶端</div>
  <!---->
</div>






<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/juiceup.js"></script>
<!-- include jQuery + carouFredSel plugin -->
<script type="text/javascript" src="js/jquery.glide.min.js"></script>

<script type="text/javascript">
	$('.sliderBanner').glide({});
</script>




</body>
</html>
